<template>
  <div class="list-supply-wrapper">
    <Listtop></Listtop>
    <div class="list-supply-main">
    	<div class="supply-main-column vux-1px-b">
    		<div class="column-item">
    			<span>全部水产</span>
    			<i class="column-icon"></i>
    		</div>
    		<div class="column-item">
    			<span>全国</span>
    			<i class="column-icon"></i>
    		</div>
    		<div class="column-item">
    			<span>全国信息</span>
    			<i class="column-icon"></i>
    		</div>
    	</div>
    	<div class="demand-list">
	  			<div class="demand-list-wrap">
	  				<div class="demand-list-item" v-for="(data,index) in demandList">
	  					<a :href="'#/trade/demand/' + data.id ">
		  					<div class="buy-wraper line-one">
		  						<div class="buy-name ellipsis">{{data.kind_name}}</div>
		  						<div class="buy-stone ellipsis">求购：<big>{{data.stock}}</big><span>斤</span></div>
		  					</div>
		  					<div class="buy-wraper line-two">
		  						<div class="buy-address ellipsis">
		  							<label class="address-wrapper ellipsis">
			  							<i class="address-icon"></i>
										<span>{{data.province_name}}</span>
										<span>{{data.city_name}}</span>
									</label>
									<label class="wl" v-show="data.logistics===1">
										<i class="wl-car"></i>
										<span>物流</span>
									</label>
		  						</div>
		  						<div class="buy-size ellipsis">规格：
		  							<label v-if="data.size_unit_name"><span>{{data.size_min}}</span>-<span>{{data.size_max}}</span><span>{{data.size_unit_name}}</span></label>
		  							<label v-else>不限</label>
		  						</div>
		  					</div>
		  					<div class="buy-wraper line-three">
		  						<div class="buy-autor">
		  							<span class="name ellipsis"><span v-if="data.verify_classify" v-text="data.verify_name"></span><span v-else v-text="data.contact_name"></span></span>
									<span class="verify-type firm-jxs" v-if="data.verify_classify==2&&data.verify_type==3"></span>
									<span class="verify-type firm-pfs" v-if="data.verify_classify==2&&data.verify_type==13"></span>
									<span class="verify-type own-jxs" v-if="data.verify_classify==1&&data.verify_type==3"></span>
									<span class="verify-type own-pfs" v-if="data.verify_classify==1&&data.verify_type==13"></span>
									<span class="verify-type own-yf" v-if="data.verify_classify==1&&data.verify_type==12"></span>
									<span class="verify-type own-ywy" v-if="data.verify_classify==1&&data.verify_type==2"></span>
									<span class="verify-type own-yzh" v-if="data.verify_classify==1&&data.verify_type==4"></span>
									<span class="verify-type own-yzj" v-if="data.verify_classify==1&&data.verify_type==11"></span>
		  						</div>
		  						<div class="buy-time ellipsis">{{data.updated_view}}</div>
		  					</div>
		  					<div class="buy-requirement ellipsis" v-if="data.desc_tag.length || data.desc">
		  						具体要求：
	  							<span v-for="tab in data.desc_tag">{{tab}}</span>
	  							<label>{{data.desc}}</label>
		  					</div>
		  				</a>
	  				</div>
	  			</div>
	  		</div>
    </div>
  </div>
</template>

<script>
import {Scroller, LoadMore} from 'vux'
import Listtop from '@/components/Listtop/Listtop.vue'

export default {
	data () {
    return {
      demandList:[]
    }
  },
  methods: {
		 
  },
  mounted() {
	axios.get('/api/trade/demand/getList').then(ret => {
    	this.demandList = ret.data.resp_data.data;
    	});
  },
  computed: {

  },
  components: {
    Listtop
  }
}
</script>

<style>
 @import url("../../../styles/common/trade/trade-common.css");
 .list-supply-wrapper{width: 100%;}
 .supply-main-column{height:40px;display:flex;}
 .column-item{flex: 1;line-height: 40px;text-align: center;font-size: 14px;color: #333;}
 .column-item .column-icon{display: inline-block;width:8px;height:5px;background:url(../../../static/trade-img/arrowDown.png) no-repeat center center/cover;
background-size:8px 5px;vertical-align: middle;margin-left:2px;}
</style>
